<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="navbar navbar-default" id="navbar" th:fragment="top">
    <script type="text/javascript">
        try {
            ace.settings.check('navbar', 'fixed')
        } catch (e) {
        }
    </script>

    <div class="navbar-container" id="navbar-container">
        <div class="navbar-header pull-left">
            <a href="${ctx}/portal/home" class="navbar-brand">
                <!--<img th:src="@{/assets/images/Artboard 2.png}" style="width: 25px;"/>-->
                <i class="icon-leaf"></i>
                智慧社区-物业管理系统
            </a><!-- /.brand -->
        </div>
        <!-- /.navbar-header -->

        <div class="navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li class="green" >
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#" style="background-color: #2C3E50">
                        <i class="icon-envelope icon-animated-vertical"></i>
                        <span class="badge badge-success" id="msgCnt"></span>
                    </a>

                    <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close" id="msgContainer">

                    </ul>
                </li>

                <li class="light-blue">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle" style="background-color: #2C3E50">
                        <img class="nav-user-photo" th:src="@{/assets-lib/ace/avatars/profile-pic.jpg}" src="../../static/assets-lib/ace/avatars/user.jpg" alt="admin's Photo"/>
                        <span class="user-info">
                                <small>欢迎您,</small>
                                admin!
                            </span>
                        <i class="icon-caret-down"></i>
                    </a>

                    <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="javascript:void(0)" id="updatePwd">
                                <i class="icon-lock"></i>
                                修改密码
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="">
                                <i class="icon-off"></i>
                                注销登录
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- /.ace-nav -->
        </div>
        <!-- /.navbar-header -->
    </div>
    <!-- /.container -->
</div>
</body>
</html>